<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.box{
			width:500px;
			
		}
		
		.item{
			padding-right:100px;
			height:200px;
			background-color: #fc9;
			margin-right:-200px;
		}
		
		.video-box{
			width: 600px;
			height:400px;
			background-color: #fcc;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="item"></div>
	</div>
	
	<div id="video-box" class="video-box">
		<iframe src="http://slideloop.com/" name="baidu" frameborder="0"></iframe>
	</div>
	<script>
		window.onload=function(){
			var vbox=document.getElementById('video-box');
			window.frames['baidu'].onclick=function(){
				alert()
			}
			/*
			var iFrame=document.createElement('iframe');
			iFrame.id = 'testframe';
			iFrame.name = 'testframe';
			iFrame.frameBorder='no';
			vbox.appendChild(iFrame);
			var iframeHead=window.frames['testframe'].document.getElementsByTagName('head')[0];
			iframeHead.innerHTML='<link rel="stylesheet" href="/static/css/slideplayer.css">';
			window.frames['testframe'].document.body.innerHTML='<div class="slide-player" id="player" style="height:100%"></div>';
			
			
			var player=window.frames['testframe'].document.getElementById('player');
			
			player.onclick=function(){
				alert()
			}
			
			player.oncontextmenu=function(){
				//return false;
			}
			
			*/
		}
	</script>
	
</body>
</html>
